﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/css/main.css">
    <title>容智车联车厢管家</title>
<style>
#iframe,#title{width:85%;padding-left:20px;box-sizing:border-box;margin-left:0;}
#yijitab,#logo-cell2{width:15%;}
</style>
</head>
<body class="model-body">
<div id="togg-div" class="pos-ab right-arrow dis-no"></div>
<div class="container-fluid">
    <!--头部-->
    <div class="row-fluid" id="logo-cell">
        <div class="span2 m-t-10 bg-white" id="logo-cell2" >
            <img src="../static/images/logo.jpg" alt="容智惠远" style="height:51px;display:block;margin:0 auto;"/>
        </div>
<div id="title" class="span10 m-t-10 bdbox">
        <div class="text-center bg-color bdbox p-bt-10" style="font:24px 微软雅黑; ">
            容智车联车厢管家
        </div>
</div>
    </div>
    <!--左侧边导航栏-->
    <div class="row-fluid m-t-10">
        <div class="span2 sub-liml pos-re" id="yijitab">
            <div id="togg-div2" class="left-arrow"></div>
            <ul class="side-nav unstyled " id="side-nav" >
                <li class="bace-bg toggle-bg2 text-center p-bt-10 pos-re"> 场站监控
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/jk1.png"/>
                    </i>
                </li>
                <li class="bace-bg text-center p-bt-10 m-t-5 pos-re"> 装载查询
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/zz1.png"/>
                    </i>
                </li>
                <li class="bace-bg text-center p-bt-10 m-t-5 pos-re sub_li" id="sheet"> 报表分析
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/bb1.png"/>
                    </i>
                </li>
                <ul class="unstyled m-t-5 dis-no sub_ul" id="sub_ul2">
                    <li class="bg-whit2 text-center p-bt-10 b-t-c">工时报表</li>
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5">平均装载率</li>
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5">出车次数</li>
                    <#--<li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5">报表四</li>-->
                    <#--<li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5">报表五</li>-->
                </ul>
                <li class="bace-bg text-center p-bt-10 m-t-5 pos-re"> 任务管理
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/rw1.png"/>
                    </i>
                </li>
                <li class="bace-bg text-center p-bt-10 m-t-5 pos-re sub_li" id="sub_li"> 系统管理
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/xt1.png"/>
                    </i>
                </li>
                <ul class="unstyled m-t-5 sub_ul dis-no" id="sub_ul">
                    <li class="bg-whit2 text-center p-bt-10 b-t-c" id="kehuMan" style="background:url(../static/images/kh1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">客户管理</li>
                    <#--<li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5" id="kehuManMan"  style="background:url(../static/images/kh1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">客户管理员</li>-->
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5" id="userMan" style="background:url(../static/images/yh1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">用户管理</li>
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5" id="stationMan" style="background:url(../static/images/cz1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">场站管理</li>
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5" style="background:url(../static/images/qc1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">车辆管理</li>
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5" id="shebeiMan" style="background:url(../static/images/sb1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">设备管理</li>
                    <li class="bg-whit2 text-center p-bt-10 b-t-c m-t-5" id="juese" style="background:url(../static/images/qx1.png) no-repeat 20% center;background-size: 16px;background-color:#fff;">角色管理</li>
                </ul>
                <li class="bace-bg text-center p-bt-10 m-t-5 pos-re">
                    用户信息
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/yh1.png"/>
                    </i>
                </li>
                <li id="logOut" class="bace-bg text-center p-bt-10 m-t-5 pos-re">
                    退出
                    <i class="dir-icon pos-ab2">
                        <img src="../static/images/tc1.png"/>
                    </i>
                </li>
            </ul>
        </div>
        <div class="span10" id="iframe"  style="">
            <!--右边内容区-->
            <iframe id="iframePage" class="row-fluid  bdbox pos-re sub-limr" frameborder=no src="vehi-moniter.html" style="width: 100%;" frameborder="0">
            </iframe>
        </div>
    </div>

    <input type="hidden" id="uname" value="${uname!""}">

    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script src="../static/js/main.js"></script>
    <script src="../static/js/quanxian.js"></script>
    <script src="../static/js/session.js"></script>

    <script>
        $(function () {

            var username = $('#uname').val();
//            alert(username);

            // username = "admin";

            if(username == null || username == '')
            {
                username = 'user';
            }
            //超级管理员
            if(username == 'admin')
            {
                $('#power-admin').show();

                $('#account').val('admin');
                $('#pwd').val('xxxxx');
                $('#power').val('超级管理员');

                $('#power_admin').show();
            }
            //客户管理员
            else if(username == "client")
            {
                $('#power-client').show();
                $('#account').val('client');
                $('#pwd').val('xxxxx');
                $('#power').val('客户管理员');

                $('#kehuMan').hide();
                $('#shebeiMan').hide();

                $('#power_client').show();

            }
            //用户管理员
            else if(username == "user")
            {
                $('#power-user').show();
                $('#sheet').show();
                $('#kehuMan').hide();
                $('#userMan').hide();
                $('#shebeiMan').hide();
                $('#stationMan').hide();

                $('#account').val('user');
                $('#pwd').val('xxxxx');
                $('#power').val('用户管理员');

                $('#power_user').show();

            }


            //退出
            $('#logOut').click(function () {

                location.href = '../user/login';
            })
        });

    </script>
<script>
        function setIframeHeight(iframe) {
            if (iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
            }
        };
    </script>
</body>
</html>
